<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="css/ektz.css">
    <title>报名注册</title>
</head>
<body style="background: #FAEBEF">
<nav>
    <a href="index.html" class="logo">
        <img src="images/index/logo.png" alt="澳美制药">
    </a>
    <div class="nav-list">
        <ul>
            <li>
                <a href="index.html">
                    首页
                    <div class="modify">
                        <img src="images/index/nav_modify.png">
                        <span>首页</span>
                    </div>
                </a>
            </li>
            <li>
                <a href="exam.html">
                    去答题
                    <div class="modify">
                        <img src="images/index/nav_modify.png">
                        <span>去答题</span>
                    </div>
                </a>
            </li>
            <li>
                <a href="ranking.html">
                    赛事排名
                    <div class="modify">
                        <img src="images/index/nav_modify.png">
                        <span>赛事排名</span>
                    </div>
                </a>
            </li>
            <li>
                <a href="news_list.html">
                    赛事要闻
                    <div class="modify">
                        <img src="images/index/nav_modify.png">
                        <span>赛事要闻</span>
                    </div>
                </a>
            </li>

            <li id="person-li">
                <div class="user-avater" style="text-align: center;">
                    <img src="images/center/person.png" onerror="this.src='images/center/person.png'" id="nav-head" style="width: 54px;border-radius: 27px;display: inline-block;margin-top: 3px;">
                </div>
                <div class="modify user-info">
                    <span class="user-name">sasas</span>
                    <div class="user-info-action">
                        <span style="top: 96px;"><a href="person_center.html">个人中心</a></span>
                        <span style="top: 146px;"><a href="login.html">退出登录</a></span>
                    </div>
                </div>
            </li>
            <li id="login-li">
                <a href="login.html">
                    登录
                    <div class="modify">
                        <img src="images/index/nav_modify.png">
                        <span>登录</span>
                    </div>
                </a>
            </li>
            <li  class="active" id="reg-li">
                <a href="apply.html">
                    报名注册
                    <div class="modify">
                        <img src="images/index/nav_modify.png">
                        <span>报名注册</span>
                    </div>
                </a>
            </li>
        </ul>
    </div>
</nav>
<div class="container">
    <div class="content">
        <div class="content-body">
            <div class="apply-content">
                <div class="top-pic">
                    <img src="images/apply/icon_wawa.png">
                </div>
                <p class="title">填写报名信息</p>
                <form action="" class="apply-form">
                    <div class="form-item">
                        <div class="fl">
                            <label for="mobile">手机</label>
                            <input type="tel"
                                   id="mobile"
                                   maxlength="11"
                                   autocomplete="off"
                                   placeholder="请输入您的手机号码">
                            <button type="button" class="send-sms" id="registerSend">获取验证码</button>
                        </div>
                        <div class="fr">
                            <label for="verificationCode">验证码</label>
                            <input type="tel"
                                   id="verificationCode"
                                   autocomplete="off"
                                   placeholder="请输入验证码">
                        </div>
                    </div>
                    <div class="form-item">
                        <div class="fl">
                            <label for="password">密码</label>
                            <input type="password"
                                   id="password"
                                   autocomplete="off"
                                   placeholder="请输入您的密码">
                        </div>
                        <div class="fr">
                            <label for="userName">姓名</label>
                            <input type="text"
                                   id="userName"
                                   autocomplete="off"
                                   placeholder="请输入您的姓名">
                        </div>
                    </div>
                    <div class="form-item">
                        <div class="fl">
                            <label for="hospitalName">医院名称</label>
                            <div class="select-box" id="hospitalName">
                                <div class="value"><input type="text" id="keyword" placeholder="请输入医院名称" /></div>
                                <span class="down-arrow"></span>
                                <div class="select-list">
                                    <div class="select-content">
                                        <script type="text/tmp" id="hospitalList">
                                            <p data-hospital-id="{{:hospitalId}}" data-match-area="{{:matchArea}}">{{:hospitalName}}</p>
                                        </script>
                                    </div>
                                </div>
                            </div>
                            <button type="button" class="add-hospital-btn">新增医院</button>
                        </div>
                        <div class="fr">
                            <label for="position">职称/职位</label>
                            <div class="select-box">
                                <div class="value"><input readonly type="text" id="position" placeholder="请选择您的职位" /></div>
                                <span class="down-arrow"></span>
                                <div class="select-list">
                                    <div class="select-content">
                                        <script type="text/tmp" id="positionList">
                                            <p>{{:value}}</p>
                                        </script>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-item">
                        <div class="fl">
                            <label for="teamName">队伍</label>
                            <div class="select-box" >
                                <div class="value"><input readonly type="text" id="teamName" placeholder="请选择您的队伍" /></div>
                                <span class="down-arrow"></span>
                                <div class="select-list">
                                    <div class="select-content">
                                        <script type="text/tmp" id="teamList">
                                        <p data-team-id="{{:id}}" data-team-name="{{:teamName}}">{{:teamName}}</p>
                                        </script>
                                    </div>
                                </div>
                            </div>
                            <button type="button" class="add-team-btn">新增队伍</button>
                        </div>
                        <div class="fr">
                            <label for="userType">参赛身份</label>
                            <div class="select-box">
                                <div class="value"><input readonly type="text" id="userType" placeholder="请选择您的身份" /></div>
                                <span class="down-arrow"></span>
                                <div class="select-list">
                                    <div class="select-content">
                                        <script type="text/tmp" id="roleList">
                                        <p data-user-type="{{:userType}}">{{:roleName}}</p>
                                        </script>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-item">
                        <div class="fl">
                            <label for="BU">选择BU</label>
                            <div class="select-box">
                                <div class="value"><input readonly type="text"  id="BU" placeholder="请选择您的BU" /></div>
                                <span class="down-arrow"></span>
                                <div class="select-list">
                                    <div class="select-content" id="bu-list">
                                        <p>CABU</p>
                                        <p>CDBU</p>
                                        <p>CXBU</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="fr">
                            <label>赛区</label>
                            <span class="fl" id="matchArea" style="width: 240px;height: 50px;line-height: 50px;text-align: center;float: left;color: #666161;font-size: 20px;"></span>
                        </div>
                    </div>
                    <div class="bottom-item">
                        <button type="button" id="do-reg">确认报名</button>
                    </div>
                </form>
                <div class="foot-pic">
                    <img src="images/index/tips.png">
                </div>
            </div>
        </div>
        <div class="foot-banner">
            <img src="images/index/foot_banner.png">
        </div>
    </div>
</div>
<!--新增医院-->
<div class="dialog add-hospital-dialog">
    <div class="dialog-body">
        <div class="top-pic">
            <img src="images/apply/icon_wawa.png">
        </div>
        <div class="dialog-content">
            <p class="title">新增医院</p>
            <span class="close"></span>
            <form action="" class="add-hospital-form">
                <div class="form-item">
                    <div class="fl">
                        <label for="province">省份</label>
                        <select name="province" id="province">
                            <option value="" style="display: none;">选择省份</option>
                        </select>
                    </div>
                    <div class="fr">
                        <label for="city">城市</label>
                        <select name="city" id="city">
                            <option value="" style="display: none;">选择城市</option>
                        </select>
                    </div>
                </div>
                <div class="form-item">
                    <label for="hospitalNameAdd">医院名称</label>
                    <input type="text"
                           name="hospitalNameAdd"
                           maxlength="20"
                           autocomplete="off"
                           placeholder="请输入医院名称"
                           id="hospitalNameAdd">
                </div>
                <div class="last-item">
                    <button type="button" id="addNewHospital">确认提交</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--新增医院-end-->
<!--新增队伍-->
<div class="dialog add-team-dialog">
    <div class="dialog-body">
        <div class="top-pic">
            <img src="images/apply/icon_wawa.png">
        </div>
        <div class="dialog-content">
            <p class="title">新增队伍</p>
            <span class="close"></span>
            <form action="" class="add-team-form">
                <div class="form-item">
                    <label for="teamNameAdd">队伍名称</label>
                    <input type="text"
                           name="teamNameAdd"
                           id="teamNameAdd"
                           maxlength="15"
                           autocomplete="off"
                           placeholder="请输入队伍名称">
                </div>
                <div class="last-item">
                    <button type="button"  id="addTeam">确认提交</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--新增队伍-end-->
</body>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/layer_mobile/layer.js"></script>
<script src="js/api.js"></script>
<script src="js/action.js"></script>
<script src="js/PCASClass.js"></script>
<script src="js/jsrender.js"></script>
<script>Reg.init();</script>
</html>